{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "id": "1f943ba7-352d-4358-8c80-5a397ecc7c0f",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "            <div id=\"kotlin_out_0\"></div>\n",
       "            <script type=\"text/javascript\">\n",
       "                            if(!window.kotlinQueues) {\n",
       "                window.kotlinQueues = {};\n",
       "            }\n",
       "            if(!window.kotlinQueues[\"DataFrame\"]) {\n",
       "                var resQueue = [];\n",
       "                window.kotlinQueues[\"DataFrame\"] = resQueue;\n",
       "                window[\"call_DataFrame\"] = function(f) {\n",
       "                    resQueue.push(f);\n",
       "                }\n",
       "            }\n",
       "            (function (){\n",
       "                var modifiers = [(function(script) {\n",
       "    script.src = \"https://cdn.jsdelivr.net/gh/Kotlin/dataframe@3db46ccccaa1291c0627307d64133317f545e6ae/core/src/main/resources/init.js\"\n",
       "    script.type = \"text/javascript\";\n",
       "})];\n",
       "                var e = document.getElementById(\"kotlin_out_0\");\n",
       "                modifiers.forEach(function (gen) {\n",
       "                    var script = document.createElement(\"script\");\n",
       "                    gen(script)\n",
       "                    script.addEventListener(\"load\", function() {\n",
       "                        window[\"call_DataFrame\"] = function(f) {f();};\n",
       "                        window.kotlinQueues[\"DataFrame\"].forEach(function(f) {f();});\n",
       "                        window.kotlinQueues[\"DataFrame\"] = [];\n",
       "                    }, false);\n",
       "                    script.addEventListener(\"error\", function() {\n",
       "                        window[\"call_DataFrame\"] = function(f) {};\n",
       "                        window.kotlinQueues[\"DataFrame\"] = [];\n",
       "                        var div = document.createElement(\"div\");\n",
       "                        div.style.color = 'darkred';\n",
       "                        div.textContent = 'Error loading resource DataFrame';\n",
       "                        document.getElementById(\"kotlin_out_0\").appendChild(div);\n",
       "                    }, false);\n",
       "                    \n",
       "                    e.appendChild(script);\n",
       "                });\n",
       "            })();\n",
       "            </script>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "                <style>\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "    white-space: nowrap;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       "                </style>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "   <div id=\"9EqcCU\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"library\">\n",
       "       if(!window.letsPlotCallQueue) {\n",
       "           window.letsPlotCallQueue = [];\n",
       "       }; \n",
       "       window.letsPlotCall = function(f) {\n",
       "           window.letsPlotCallQueue.push(f);\n",
       "       };\n",
       "       (function() {\n",
       "           var script = document.createElement(\"script\");\n",
       "           script.type = \"text/javascript\";\n",
       "           script.src = \"https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.6.1/js-package/distr/lets-plot.min.js\";\n",
       "           script.onload = function() {\n",
       "               window.letsPlotCall = function(f) {f();};\n",
       "               window.letsPlotCallQueue.forEach(function(f) {f();});\n",
       "               window.letsPlotCallQueue = [];\n",
       "               \n",
       "               \n",
       "           };\n",
       "           script.onerror = function(event) {\n",
       "               window.letsPlotCall = function(f) {};\n",
       "               window.letsPlotCallQueue = [];\n",
       "               var div = document.createElement(\"div\");\n",
       "               div.style.color = 'darkred';\n",
       "               div.textContent = 'Error loading Lets-Plot JS';\n",
       "               document.getElementById(\"9EqcCU\").appendChild(div);\n",
       "           };\n",
       "           var e = document.getElementById(\"9EqcCU\");\n",
       "           e.appendChild(script);\n",
       "       })();\n",
       "   </script>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "            <div id=\"kotlin_out_1\"></div>\n",
       "            <script type=\"text/javascript\">\n",
       "                            if(!window.kotlinQueues) {\n",
       "                window.kotlinQueues = {};\n",
       "            }\n",
       "            if(!window.kotlinQueues[\"letsPlotJs\"]) {\n",
       "                var resQueue = [];\n",
       "                window.kotlinQueues[\"letsPlotJs\"] = resQueue;\n",
       "                window[\"call_letsPlotJs\"] = function(f) {\n",
       "                    resQueue.push(f);\n",
       "                }\n",
       "            }\n",
       "            (function (){\n",
       "                var modifiers = [(function(script) {\n",
       "    script.src = \"https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.6.1/js-package/distr/lets-plot.min.js\"\n",
       "    script.type = \"text/javascript\";\n",
       "})];\n",
       "                var e = document.getElementById(\"kotlin_out_1\");\n",
       "                modifiers.forEach(function (gen) {\n",
       "                    var script = document.createElement(\"script\");\n",
       "                    gen(script)\n",
       "                    script.addEventListener(\"load\", function() {\n",
       "                        window[\"call_letsPlotJs\"] = function(f) {f();};\n",
       "                        window.kotlinQueues[\"letsPlotJs\"].forEach(function(f) {f();});\n",
       "                        window.kotlinQueues[\"letsPlotJs\"] = [];\n",
       "                    }, false);\n",
       "                    script.addEventListener(\"error\", function() {\n",
       "                        window[\"call_letsPlotJs\"] = function(f) {};\n",
       "                        window.kotlinQueues[\"letsPlotJs\"] = [];\n",
       "                        var div = document.createElement(\"div\");\n",
       "                        div.style.color = 'darkred';\n",
       "                        div.textContent = 'Error loading resource letsPlotJs';\n",
       "                        document.getElementById(\"kotlin_out_1\").appendChild(div);\n",
       "                    }, false);\n",
       "                    \n",
       "                    e.appendChild(script);\n",
       "                });\n",
       "            })();\n",
       "            </script>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "%useLatestDescriptors\n",
    "%use dataframe\n",
    "%use lets-plot"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "2a51cb88-6706-4266-a2c0-794dad6ef810",
   "metadata": {},
   "source": [
    "# Customizing `geomPie()` with `start` and `direction` Parameters\n",
    "Two new parameters have been added to the `geomPie()` function:\n",
    "\n",
    "- `start`: specifies the starting angle of the first slice in degrees (0-360°)\n",
    "- `direction`: controls sector layout direction (1 for clockwise or -1 for counterclockwise)\n",
    "\n",
    "Previously, pie charts were limited by fixed positioning where the second slice always started at 0° and all slices were arranged clockwise.  \n",
    "These new parameters provide precise control over slice positioning and orientation.  "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "id": "83168fbc-3b0d-4899-998b-5339d4edc47f",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/kotlindataframe+json": "{\"nrow\":3,\"ncol\":2,\"columns\":[\"Country\",\"GDP_2025_Trillion_USD\"],\"kotlin_dataframe\":[{\"Country\":\"United States\",\"GDP_2025_Trillion_USD\":30.34},{\"Country\":\"China\",\"GDP_2025_Trillion_USD\":19.53},{\"Country\":\"Germany\",\"GDP_2025_Trillion_USD\":4.92}]}",
      "text/html": [
       "        <html>\n",
       "        <head>\n",
       "            <style type=\"text/css\">\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "    white-space: nowrap;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       ":root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "    white-space: nowrap;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       "            </style>\n",
       "        </head>\n",
       "        <body>\n",
       "            <table class=\"dataframe\" id=\"df_-1660944384\"></table>\n",
       "\n",
       "<p class=\"dataframe_description\">DataFrame: rowsCount = 3, columnsCount = 2</p>\n",
       "<table class=\"dataframe\" id=\"static_df_-1660944383\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">Country</th><th class=\"bottomBorder\" style=\"text-align:left\">GDP_2025_Trillion_USD</th></tr></thead><tbody><tr><td  style=\"vertical-align:top\">United States</td><td  style=\"vertical-align:top\">30.340000</td></tr><tr><td  style=\"vertical-align:top\">China</td><td  style=\"vertical-align:top\">19.530000</td></tr><tr><td  style=\"vertical-align:top\">Germany</td><td  style=\"vertical-align:top\">4.920000</td></tr></tbody></table>\n",
       "        </body>\n",
       "        <script>\n",
       "            /*<!--*/\n",
       "call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: \"<span title=\\\"Country: String\\\">Country</span>\", children: [], rightAlign: false, values: [\"United States\",\"China\",\"Germany\"] }, \n",
       "{ name: \"<span title=\\\"GDP_2025_Trillion_USD: Double\\\">GDP_2025_Trillion_USD</span>\", children: [], rightAlign: true, values: [\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">30.34</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">19.53</span></span>\",\"<span class=\\\"formatted\\\" title=\\\"\\\"><span class=\\\"numbers\\\">4.92</span></span>\"] }, \n",
       "], id: -1660944384, rootId: -1660944384, totalRows: 3 } ) });\n",
       "/*-->*/\n",
       "\n",
       "call_DataFrame(function() { DataFrame.renderTable(-1660944384) });\n",
       "\n",
       "document.getElementById(\"static_df_-1660944383\").style.display = \"none\";\n",
       "        </script>\n",
       "        </html>"
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "val gdp = DataFrame.readCSV(\"https://raw.githubusercontent.com/JetBrains/lets-plot/refs/heads/master/docs/f-25a/data/gdp_forecast_2025_trillion_usd.csv\")\n",
    "gdp.head(3)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "id": "9005245d-7b76-4c98-a560-1cc124b3d75e",
   "metadata": {},
   "outputs": [],
   "source": [
    "val p = letsPlot(gdp.toMap()) { \n",
    "    fill=\"Country\"\n",
    "} + \n",
    "    ggtitle(\n",
    "        \"GDP forecast 2025 (trillion US$) by country\", \n",
    "        subtitle=\"\"\"Source: <a href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\">Wikipedia</a>\"\"\"\n",
    "    ) + \n",
    "    scaleFillGradient(low=\"blue\", high=\"yellow\") + \n",
    "    themeVoid() + \n",
    "    theme(plotTitle=elementText(hjust=0.5), plotSubtitle=elementText(hjust=0.5))\n"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "a7e003fa-b531-498a-abdc-f80aaf1d85ca",
   "metadata": {},
   "source": [
    "#### 1. Auto-layout\n",
    "\n",
    "By default, the first sector is positioned counterclockwise from the start point (12 o’clock), while the remaining sectors are arranged clockwise."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "id": "d97a17aa-aaa6-4c00-b52e-3d728f12d7b3",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "   <div id=\"7zEKfX\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"library\">\n",
       "       if(!window.letsPlotCallQueue) {\n",
       "           window.letsPlotCallQueue = [];\n",
       "       }; \n",
       "       window.letsPlotCall = function(f) {\n",
       "           window.letsPlotCallQueue.push(f);\n",
       "       };\n",
       "       (function() {\n",
       "           var script = document.createElement(\"script\");\n",
       "           script.type = \"text/javascript\";\n",
       "           script.src = \"https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.6.1/js-package/distr/lets-plot.min.js\";\n",
       "           script.onload = function() {\n",
       "               window.letsPlotCall = function(f) {f();};\n",
       "               window.letsPlotCallQueue.forEach(function(f) {f();});\n",
       "               window.letsPlotCallQueue = [];\n",
       "               \n",
       "               \n",
       "           };\n",
       "           script.onerror = function(event) {\n",
       "               window.letsPlotCall = function(f) {};\n",
       "               window.letsPlotCallQueue = [];\n",
       "               var div = document.createElement(\"div\");\n",
       "               div.style.color = 'darkred';\n",
       "               div.textContent = 'Error loading Lets-Plot JS';\n",
       "               document.getElementById(\"7zEKfX\").appendChild(div);\n",
       "           };\n",
       "           var e = document.getElementById(\"7zEKfX\");\n",
       "           e.appendChild(script);\n",
       "       })();\n",
       "   </script>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/plot+json": {
       "apply_color_scheme": true,
       "output": {
        "data": {
         "Country": [
          "United States",
          "China",
          "Germany",
          "Japan",
          "India",
          "United Kingdom",
          "France",
          "Italy",
          "Canada",
          "Brazil"
         ],
         "GDP_2025_Trillion_USD": [
          30.34,
          19.53,
          4.92,
          4.39,
          4.27,
          3.73,
          3.28,
          2.46,
          2.33,
          2.31
         ]
        },
        "data_meta": {
         "series_annotations": [
          {
           "column": "Country",
           "type": "str"
          },
          {
           "column": "GDP_2025_Trillion_USD",
           "type": "float"
          }
         ]
        },
        "ggtitle": {
         "subtitle": "Source: <a href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\">Wikipedia</a>",
         "text": "GDP forecast 2025 (trillion US$) by country"
        },
        "kind": "plot",
        "layers": [
         {
          "geom": "pie",
          "mapping": {
           "slice": "GDP_2025_Trillion_USD"
          },
          "position": "identity",
          "size": 0.6,
          "size_unit": "x",
          "stat": "identity"
         }
        ],
        "mapping": {
         "fill": "Country"
        },
        "scales": [
         {
          "aesthetic": "fill",
          "high": "yellow",
          "low": "blue",
          "scale_mapper_kind": "color_gradient"
         }
        ],
        "theme": {
         "axis": {
          "blank": true
         },
         "line": {
          "blank": true
         },
         "name": "classic",
         "plot_subtitle": {
          "blank": false,
          "hjust": 0.5
         },
         "plot_title": {
          "blank": false,
          "hjust": 0.5
         }
        }
       },
       "output_type": "lets_plot_spec",
       "swing_enabled": true
      },
      "text/html": [
       "   <div id=\"DxlqG8\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"plot\">\n",
       "   \n",
       "   (function() {\n",
       "   // ----------\n",
       "   \n",
       "   const forceImmediateRender = false;\n",
       "   const responsive = false;\n",
       "   \n",
       "   let sizing = {\n",
       "       width_mode: \"MIN\",\n",
       "       height_mode: \"SCALED\",\n",
       "       width: null, \n",
       "       height: null \n",
       "   };\n",
       "   \n",
       "   const preferredWidth = document.body.dataset.letsPlotPreferredWidth;\n",
       "   if (preferredWidth !== undefined) {\n",
       "       sizing = {\n",
       "           width_mode: 'FIXED',\n",
       "           height_mode: 'SCALED',\n",
       "           width: parseFloat(preferredWidth)\n",
       "       };\n",
       "   }\n",
       "   \n",
       "   const containerDiv = document.getElementById(\"DxlqG8\");\n",
       "   let fig = null;\n",
       "   \n",
       "   function renderPlot() {\n",
       "       if (fig === null) {\n",
       "           const plotSpec = {\n",
       "\"ggtitle\":{\n",
       "\"text\":\"GDP forecast 2025 (trillion US$) by country\",\n",
       "\"subtitle\":\"Source: <a href=\\\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\\\">Wikipedia</a>\"\n",
       "},\n",
       "\"mapping\":{\n",
       "\"fill\":\"Country\"\n",
       "},\n",
       "\"data\":{\n",
       "\"Country\":[\"United States\",\"China\",\"Germany\",\"Japan\",\"India\",\"United Kingdom\",\"France\",\"Italy\",\"Canada\",\"Brazil\"],\n",
       "\"GDP_2025_Trillion_USD\":[30.34,19.53,4.92,4.39,4.27,3.73,3.28,2.46,2.33,2.31]\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_gradient\",\n",
       "\"high\":\"yellow\",\n",
       "\"low\":\"blue\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"slice\":\"GDP_2025_Trillion_USD\"\n",
       "},\n",
       "\"stat\":\"identity\",\n",
       "\"size\":0.6,\n",
       "\"position\":\"identity\",\n",
       "\"geom\":\"pie\",\n",
       "\"size_unit\":\"x\",\n",
       "\"data\":{\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"plot_title\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "},\n",
       "\"plot_subtitle\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "}\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"Country\"\n",
       "},{\n",
       "\"type\":\"float\",\n",
       "\"column\":\"GDP_2025_Trillion_USD\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"1\"\n",
       "};\n",
       "           window.letsPlotCall(function() { fig = LetsPlot.buildPlotFromProcessedSpecs(plotSpec, containerDiv, sizing); });\n",
       "       } else {\n",
       "           fig.updateView({});\n",
       "       }\n",
       "   }\n",
       "   \n",
       "   const renderImmediately = \n",
       "       forceImmediateRender || (\n",
       "           sizing.width_mode === 'FIXED' && \n",
       "           (sizing.height_mode === 'FIXED' || sizing.height_mode === 'SCALED')\n",
       "       );\n",
       "   \n",
       "   if (renderImmediately) {\n",
       "       renderPlot();\n",
       "   }\n",
       "   \n",
       "   if (!renderImmediately || responsive) {\n",
       "       // Set up observer for initial sizing or continuous monitoring\n",
       "       var observer = new ResizeObserver(function(entries) {\n",
       "           for (let entry of entries) {\n",
       "               if (entry.contentBoxSize && \n",
       "                   entry.contentBoxSize[0].inlineSize > 0) {\n",
       "                   if (!responsive && observer) {\n",
       "                       observer.disconnect();\n",
       "                       observer = null;\n",
       "                   }\n",
       "                   renderPlot();\n",
       "                   if (!responsive) {\n",
       "                       break;\n",
       "                   }\n",
       "               }\n",
       "           }\n",
       "       });\n",
       "       \n",
       "       observer.observe(containerDiv);\n",
       "   }\n",
       "   \n",
       "   // ----------\n",
       "   })();\n",
       "   \n",
       "   </script>                <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" id=bdbc3f4d-ef51-4197-a5a5-f5cd6ea499c8 width=\"100%\" height=\"100%\" style=\"max-width: 600.0px; max-height: 400.0px;\" viewBox=\"0 0 600.0 400.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
       "  <style type=\"text/css\">\n",
       "  .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#p7sL5kW .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#p7sL5kW .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p7sL5kW .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p7sL5kW .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "   font-style: normal;\n",
       "}\n",
       "#p7sL5kW .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p7sL5kW .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p7sL5kW .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p7sL5kW .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dFf9HwO .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p7sL5kW .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p7sL5kW .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dFf9HwO .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p7sL5kW .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p7sL5kW .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dFf9HwO .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dFf9HwO .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dFf9HwO .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "  </style>\n",
       "  <g id=\"p7sL5kW\">\n",
       "    <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z\">\n",
       "    </path>\n",
       "    <g transform=\"translate(6.5 45.5 ) \">\n",
       "      <g>\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g clip-path=\"url(#cO87ERR)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (429.8102892278257, 348.0)]\">\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "            <g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L133.4532355305426 273.9595224679672 A128.9430867683477 128.9430867683477 0.0 0 1 214.90514461391285 45.05691323165229 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L214.90514461391285 45.05691323165229 A128.9430867683477 128.9430867683477 0.0 0 1 343.83993853590925 175.46237534237187 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L343.83993853590925 175.46237534237187 A128.9430867683477 128.9430867683477 0.0 0 1 333.16596230464444 225.38772834509416 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L333.16596230464444 225.38772834509416 A128.9430867683477 128.9430867683477 0.0 0 1 307.8732349215384 263.34905601013827 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L307.8732349215384 263.34905601013827 A128.9430867683477 128.9430867683477 0.0 0 1 272.07179798238747 289.5780834241437 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L272.07179798238747 289.5780834241437 A128.9430867683477 128.9430867683477 0.0 0 1 235.08660450438717 301.35394890634063 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L235.08660450438717 301.35394890634063 A128.9430867683477 128.9430867683477 0.0 0 1 200.9352980129055 302.18409812177936 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L200.9352980129055 302.18409812177936 A128.9430867683477 128.9430867683477 0.0 0 1 175.83522159461964 296.88149063474185 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L175.83522159461964 296.88149063474185 A128.9430867683477 128.9430867683477 0.0 0 1 153.4721711751216 287.3680263558399 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L153.4721711751216 287.3680263558399 A128.9430867683477 128.9430867683477 0.0 0 1 133.4532355305426 273.9595224679672 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M133.4532355305426 273.9595224679672 A128.9430867683477 128.9430867683477 0.0 0 1 214.90514461391285 45.05691323165229 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 45.05691323165229 A128.9430867683477 128.9430867683477 0.0 0 1 343.83993853590925 175.46237534237187 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M343.83993853590925 175.46237534237187 A128.9430867683477 128.9430867683477 0.0 0 1 333.16596230464444 225.38772834509416 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M333.16596230464444 225.38772834509416 A128.9430867683477 128.9430867683477 0.0 0 1 307.8732349215384 263.34905601013827 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M307.8732349215384 263.34905601013827 A128.9430867683477 128.9430867683477 0.0 0 1 272.07179798238747 289.5780834241437 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M272.07179798238747 289.5780834241437 A128.9430867683477 128.9430867683477 0.0 0 1 235.08660450438717 301.35394890634063 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M235.08660450438717 301.35394890634063 A128.9430867683477 128.9430867683477 0.0 0 1 200.9352980129055 302.18409812177936 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M200.9352980129055 302.18409812177936 A128.9430867683477 128.9430867683477 0.0 0 1 175.83522159461964 296.88149063474185 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M175.83522159461964 296.88149063474185 A128.9430867683477 128.9430867683477 0.0 0 1 153.4721711751216 287.3680263558399 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M153.4721711751216 287.3680263558399 A128.9430867683477 128.9430867683477 0.0 0 1 133.4532355305426 273.9595224679672 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L133.21635221502885 274.25023073209326 M214.90514461391285 174.0 L214.90514461391285 44.68191323165229 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L214.90514461391285 44.68191323165229 M214.90514461391285 174.0 L344.21491441815726 175.46662830984098 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L344.21491441815726 175.46662830984098 M214.90514461391285 174.0 L333.50989549056 225.53717721135274 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L333.50989549056 225.53717721135274 M214.90514461391285 174.0 L308.143610284337 263.60890628085497 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L308.143610284337 263.60890628085497 M214.90514461391285 174.0 L272.2380534641698 289.91421452174893 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L272.2380534641698 289.91421452174893 M214.90514461391285 174.0 L235.14529743355928 301.72432728052735 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L235.14529743355928 301.72432728052735 M214.90514461391285 174.0 L200.8946700691617 302.55689078558487 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L200.8946700691617 302.55689078558487 M214.90514461391285 174.0 L175.72159610682164 297.2388619381822 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L175.72159610682164 297.2388619381822 M214.90514461391285 174.0 L153.29350812604372 287.6977300332446 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L153.29350812604372 287.6977300332446 M214.90514461391285 174.0 L133.21635221502885 274.25023073209326 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <defs>\n",
       "          <clipPath id=\"cO87ERR\">\n",
       "            <rect x=\"0.0\" y=\"0.0\" width=\"429.8102892278257\" height=\"348.0\">\n",
       "            </rect>\n",
       "          </clipPath>\n",
       "        </defs>\n",
       "      </g>\n",
       "      <g>\n",
       "        <g transform=\"translate(0.0 348.0 ) \">\n",
       "        </g>\n",
       "        <g transform=\"\">\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <g transform=\"translate(221.40514461391285 16.8 ) \">\n",
       "      <text class=\"plot-title\" y=\"0.0\" text-anchor=\"middle\">\n",
       "        <tspan>GDP forecast 2025 (trillion US$) by country</tspan>\n",
       "      </text>\n",
       "    </g>\n",
       "    <g transform=\"translate(221.40514461391285 36.0 ) \">\n",
       "      <text class=\"plot-subtitle\" y=\"0.0\" text-anchor=\"middle\">\n",
       "        <tspan>Source: </tspan><a href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\" xlink:href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\"><tspan class=\"hyperlink-element\">Wikipedia</tspan></a>\n",
       "      </text>\n",
       "    </g>\n",
       "    <g transform=\"translate(447.8102892278257 88.25 ) \">\n",
       "      <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"152.1897107721743\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "      </rect>\n",
       "      <g transform=\"translate(5.0 5.0 ) \">\n",
       "        <g transform=\"translate(0.0 12.0 ) \">\n",
       "          <text class=\"legend-title\" y=\"0.0\">\n",
       "            <tspan>Country</tspan>\n",
       "          </text>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 22.5 ) \">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(0,0,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>United States</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 23.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(106,44,237)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>China</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 46.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(144,73,218)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Germany</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 69.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(171,100,199)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Japan</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 92.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(193,126,180)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>India</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 115.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(210,151,159)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>United Kingdom</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 138.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(224,177,137)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>France</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 161.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(237,203,111)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Italy</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 184.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(247,229,78)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Canada</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 207.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(255,255,0)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Brazil</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z\" pointer-events=\"none\">\n",
       "    </path>\n",
       "  </g>\n",
       "  <g id=\"dFf9HwO\">\n",
       "  </g>\n",
       "</svg>\n",
       "                <script>document.getElementById(\"bdbc3f4d-ef51-4197-a5a5-f5cd6ea499c8\").style.display = \"none\";</script>"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "p + geomPie(size=.6, sizeUnit=\"x\", stat=Stat.identity) {\n",
    "    slice=\"GDP_2025_Trillion_USD\"\n",
    "}"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "4382ac18-b018-4ed5-97ea-32fa2c7c0a37",
   "metadata": {},
   "source": [
    "#### 2. `direction`\n",
    "Use `1` for clockwise (default) or `-1` for counterclockwise."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "id": "10042f4d-0ff8-44e6-a287-baa77c8c3088",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/plot+json": {
       "apply_color_scheme": true,
       "output": {
        "data": {
         "Country": [
          "United States",
          "China",
          "Germany",
          "Japan",
          "India",
          "United Kingdom",
          "France",
          "Italy",
          "Canada",
          "Brazil"
         ],
         "GDP_2025_Trillion_USD": [
          30.34,
          19.53,
          4.92,
          4.39,
          4.27,
          3.73,
          3.28,
          2.46,
          2.33,
          2.31
         ]
        },
        "data_meta": {
         "series_annotations": [
          {
           "column": "Country",
           "type": "str"
          },
          {
           "column": "GDP_2025_Trillion_USD",
           "type": "float"
          }
         ]
        },
        "ggtitle": {
         "subtitle": "Source: <a href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\">Wikipedia</a>",
         "text": "GDP forecast 2025 (trillion US$) by country"
        },
        "kind": "plot",
        "layers": [
         {
          "direction": -1,
          "geom": "pie",
          "mapping": {
           "slice": "GDP_2025_Trillion_USD"
          },
          "position": "identity",
          "size": 0.6,
          "size_unit": "x",
          "stat": "identity"
         }
        ],
        "mapping": {
         "fill": "Country"
        },
        "scales": [
         {
          "aesthetic": "fill",
          "high": "yellow",
          "low": "blue",
          "scale_mapper_kind": "color_gradient"
         }
        ],
        "theme": {
         "axis": {
          "blank": true
         },
         "line": {
          "blank": true
         },
         "name": "classic",
         "plot_subtitle": {
          "blank": false,
          "hjust": 0.5
         },
         "plot_title": {
          "blank": false,
          "hjust": 0.5
         }
        }
       },
       "output_type": "lets_plot_spec",
       "swing_enabled": true
      },
      "text/html": [
       "   <div id=\"8J365r\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"plot\">\n",
       "   \n",
       "   (function() {\n",
       "   // ----------\n",
       "   \n",
       "   const forceImmediateRender = false;\n",
       "   const responsive = false;\n",
       "   \n",
       "   let sizing = {\n",
       "       width_mode: \"MIN\",\n",
       "       height_mode: \"SCALED\",\n",
       "       width: null, \n",
       "       height: null \n",
       "   };\n",
       "   \n",
       "   const preferredWidth = document.body.dataset.letsPlotPreferredWidth;\n",
       "   if (preferredWidth !== undefined) {\n",
       "       sizing = {\n",
       "           width_mode: 'FIXED',\n",
       "           height_mode: 'SCALED',\n",
       "           width: parseFloat(preferredWidth)\n",
       "       };\n",
       "   }\n",
       "   \n",
       "   const containerDiv = document.getElementById(\"8J365r\");\n",
       "   let fig = null;\n",
       "   \n",
       "   function renderPlot() {\n",
       "       if (fig === null) {\n",
       "           const plotSpec = {\n",
       "\"ggtitle\":{\n",
       "\"text\":\"GDP forecast 2025 (trillion US$) by country\",\n",
       "\"subtitle\":\"Source: <a href=\\\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\\\">Wikipedia</a>\"\n",
       "},\n",
       "\"mapping\":{\n",
       "\"fill\":\"Country\"\n",
       "},\n",
       "\"data\":{\n",
       "\"Country\":[\"United States\",\"China\",\"Germany\",\"Japan\",\"India\",\"United Kingdom\",\"France\",\"Italy\",\"Canada\",\"Brazil\"],\n",
       "\"GDP_2025_Trillion_USD\":[30.34,19.53,4.92,4.39,4.27,3.73,3.28,2.46,2.33,2.31]\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_gradient\",\n",
       "\"high\":\"yellow\",\n",
       "\"low\":\"blue\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"slice\":\"GDP_2025_Trillion_USD\"\n",
       "},\n",
       "\"stat\":\"identity\",\n",
       "\"size\":0.6,\n",
       "\"position\":\"identity\",\n",
       "\"geom\":\"pie\",\n",
       "\"size_unit\":\"x\",\n",
       "\"direction\":-1.0,\n",
       "\"data\":{\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"plot_title\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "},\n",
       "\"plot_subtitle\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "}\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"Country\"\n",
       "},{\n",
       "\"type\":\"float\",\n",
       "\"column\":\"GDP_2025_Trillion_USD\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"3\"\n",
       "};\n",
       "           window.letsPlotCall(function() { fig = LetsPlot.buildPlotFromProcessedSpecs(plotSpec, containerDiv, sizing); });\n",
       "       } else {\n",
       "           fig.updateView({});\n",
       "       }\n",
       "   }\n",
       "   \n",
       "   const renderImmediately = \n",
       "       forceImmediateRender || (\n",
       "           sizing.width_mode === 'FIXED' && \n",
       "           (sizing.height_mode === 'FIXED' || sizing.height_mode === 'SCALED')\n",
       "       );\n",
       "   \n",
       "   if (renderImmediately) {\n",
       "       renderPlot();\n",
       "   }\n",
       "   \n",
       "   if (!renderImmediately || responsive) {\n",
       "       // Set up observer for initial sizing or continuous monitoring\n",
       "       var observer = new ResizeObserver(function(entries) {\n",
       "           for (let entry of entries) {\n",
       "               if (entry.contentBoxSize && \n",
       "                   entry.contentBoxSize[0].inlineSize > 0) {\n",
       "                   if (!responsive && observer) {\n",
       "                       observer.disconnect();\n",
       "                       observer = null;\n",
       "                   }\n",
       "                   renderPlot();\n",
       "                   if (!responsive) {\n",
       "                       break;\n",
       "                   }\n",
       "               }\n",
       "           }\n",
       "       });\n",
       "       \n",
       "       observer.observe(containerDiv);\n",
       "   }\n",
       "   \n",
       "   // ----------\n",
       "   })();\n",
       "   \n",
       "   </script>                <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" id=e8770cd2-0023-43af-95be-de48d89b34ec width=\"100%\" height=\"100%\" style=\"max-width: 600.0px; max-height: 400.0px;\" viewBox=\"0 0 600.0 400.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
       "  <style type=\"text/css\">\n",
       "  .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#p3ytoq9 .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#p3ytoq9 .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p3ytoq9 .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p3ytoq9 .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "   font-style: normal;\n",
       "}\n",
       "#p3ytoq9 .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p3ytoq9 .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p3ytoq9 .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p3ytoq9 .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dxKc8Ih .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p3ytoq9 .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p3ytoq9 .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dxKc8Ih .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p3ytoq9 .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p3ytoq9 .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dxKc8Ih .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dxKc8Ih .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dxKc8Ih .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "  </style>\n",
       "  <g id=\"p3ytoq9\">\n",
       "    <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z\">\n",
       "    </path>\n",
       "    <g transform=\"translate(6.5 45.5 ) \">\n",
       "      <g>\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g clip-path=\"url(#cR4wxbM)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (429.8102892278257, 348.0)]\">\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "            <g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L296.35705369728305 273.9595224679672 A128.9430867683477 128.9430867683477 0.0 0 1 276.3381180527041 287.3680263558399 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L276.3381180527041 287.3680263558399 A128.9430867683477 128.9430867683477 0.0 0 1 253.9750676332061 296.88149063474185 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L253.9750676332061 296.88149063474185 A128.9430867683477 128.9430867683477 0.0 0 1 228.87499121492024 302.18409812177936 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L228.87499121492024 302.18409812177936 A128.9430867683477 128.9430867683477 0.0 0 1 194.72368472343857 301.35394890634063 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L194.72368472343857 301.35394890634063 A128.9430867683477 128.9430867683477 0.0 0 1 157.73849124543827 289.5780834241437 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L157.73849124543827 289.5780834241437 A128.9430867683477 128.9430867683477 0.0 0 1 121.93705430628728 263.34905601013827 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L121.93705430628728 263.34905601013827 A128.9430867683477 128.9430867683477 0.0 0 1 96.64432692318128 225.3877283450942 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L96.64432692318128 225.3877283450942 A128.9430867683477 128.9430867683477 0.0 0 1 85.97035069191648 175.46237534237187 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L85.97035069191648 175.46237534237187 A128.9430867683477 128.9430867683477 0.0 0 1 214.90514461391282 45.05691323165229 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L214.90514461391282 45.05691323165229 A128.9430867683477 128.9430867683477 0.0 0 1 296.3570536972831 273.9595224679672 L214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M296.35705369728305 273.9595224679672 A128.9430867683477 128.9430867683477 0.0 0 1 276.3381180527041 287.3680263558399 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M276.3381180527041 287.3680263558399 A128.9430867683477 128.9430867683477 0.0 0 1 253.9750676332061 296.88149063474185 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M253.9750676332061 296.88149063474185 A128.9430867683477 128.9430867683477 0.0 0 1 228.87499121492024 302.18409812177936 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M228.87499121492024 302.18409812177936 A128.9430867683477 128.9430867683477 0.0 0 1 194.72368472343857 301.35394890634063 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M194.72368472343857 301.35394890634063 A128.9430867683477 128.9430867683477 0.0 0 1 157.73849124543827 289.5780834241437 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M157.73849124543827 289.5780834241437 A128.9430867683477 128.9430867683477 0.0 0 1 121.93705430628728 263.34905601013827 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M121.93705430628728 263.34905601013827 A128.9430867683477 128.9430867683477 0.0 0 1 96.64432692318128 225.3877283450942 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M96.64432692318128 225.3877283450942 A128.9430867683477 128.9430867683477 0.0 0 1 85.97035069191648 175.46237534237187 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M85.97035069191648 175.46237534237187 A128.9430867683477 128.9430867683477 0.0 0 1 214.90514461391282 45.05691323165229 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391282 45.05691323165229 A128.9430867683477 128.9430867683477 0.0 0 1 296.3570536972831 273.9595224679672 M214.90514461391285 174.0 A0.0 0.0 0.0 0 0 214.90514461391285 174.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L296.5939370127968 274.2502307320933 M214.90514461391285 174.0 L276.516781101782 287.6977300332446 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L276.516781101782 287.6977300332446 M214.90514461391285 174.0 L254.0886931210041 297.2388619381822 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L254.0886931210041 297.2388619381822 M214.90514461391285 174.0 L228.91561915866404 302.55689078558487 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L228.91561915866404 302.55689078558487 M214.90514461391285 174.0 L194.66499179426646 301.7243272805274 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L194.66499179426646 301.7243272805274 M214.90514461391285 174.0 L157.5722357636559 289.91421452174893 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L157.5722357636559 289.91421452174893 M214.90514461391285 174.0 L121.6666789434887 263.60890628085497 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L121.6666789434887 263.60890628085497 M214.90514461391285 174.0 L96.30039373726572 225.53717721135277 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L96.30039373726572 225.53717721135277 M214.90514461391285 174.0 L85.59537480966844 175.46662830984096 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L85.59537480966844 175.46662830984096 M214.90514461391285 174.0 L214.90514461391282 44.68191323165229 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "              <g>\n",
       "                <path d=\"M214.90514461391285 174.0 L214.90514461391282 44.68191323165229 M214.90514461391285 174.0 L296.59393701279686 274.25023073209326 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                </path>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <defs>\n",
       "          <clipPath id=\"cR4wxbM\">\n",
       "            <rect x=\"0.0\" y=\"0.0\" width=\"429.8102892278257\" height=\"348.0\">\n",
       "            </rect>\n",
       "          </clipPath>\n",
       "        </defs>\n",
       "      </g>\n",
       "      <g>\n",
       "        <g transform=\"translate(0.0 348.0 ) \">\n",
       "        </g>\n",
       "        <g transform=\"\">\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <g transform=\"translate(221.40514461391285 16.8 ) \">\n",
       "      <text class=\"plot-title\" y=\"0.0\" text-anchor=\"middle\">\n",
       "        <tspan>GDP forecast 2025 (trillion US$) by country</tspan>\n",
       "      </text>\n",
       "    </g>\n",
       "    <g transform=\"translate(221.40514461391285 36.0 ) \">\n",
       "      <text class=\"plot-subtitle\" y=\"0.0\" text-anchor=\"middle\">\n",
       "        <tspan>Source: </tspan><a href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\" xlink:href=\"https://en.wikipedia.org/wiki/List_of_countries_by_GDP_(nominal)\"><tspan class=\"hyperlink-element\">Wikipedia</tspan></a>\n",
       "      </text>\n",
       "    </g>\n",
       "    <g transform=\"translate(447.8102892278257 88.25 ) \">\n",
       "      <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"152.1897107721743\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "      </rect>\n",
       "      <g transform=\"translate(5.0 5.0 ) \">\n",
       "        <g transform=\"translate(0.0 12.0 ) \">\n",
       "          <text class=\"legend-title\" y=\"0.0\">\n",
       "            <tspan>Country</tspan>\n",
       "          </text>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 22.5 ) \">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(0,0,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>United States</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 23.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(106,44,237)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>China</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 46.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(144,73,218)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Germany</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 69.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(171,100,199)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Japan</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 92.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(193,126,180)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>India</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 115.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(210,151,159)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>United Kingdom</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 138.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(224,177,137)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>France</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 161.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(237,203,111)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Italy</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 184.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(247,229,78)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Canada</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 207.0 ) \">\n",
       "            <g>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(255,255,0)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                  </circle>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Brazil</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z\" pointer-events=\"none\">\n",
       "    </path>\n",
       "  </g>\n",
       "  <g id=\"dxKc8Ih\">\n",
       "  </g>\n",
       "</svg>\n",
       "                <script>document.getElementById(\"e8770cd2-0023-43af-95be-de48d89b34ec\").style.display = \"none\";</script>"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "p + geomPie(size=.6, sizeUnit=\"x\", stat=Stat.identity,\n",
    "             direction=-1) {    // <-- counterclockwise \n",
    "    slice=\"GDP_2025_Trillion_USD\" \n",
    "}"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "e59fde8d-9125-4026-aaca-cd883ece4f22",
   "metadata": {},
   "source": [
    "#### 2. `start`\n",
    "Specifies the starting angle of the first slice in degrees."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "id": "2070d067-21a6-4d22-87d4-26fff9c700ec",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/plot+json": {
       "apply_color_scheme": true,
       "output": {
        "figures": [
         {
          "data": {
           "Country": [
            "United States",
            "China",
            "Germany",
            "Japan",
            "India",
            "United Kingdom",
            "France",
            "Italy",
            "Canada",
            "Brazil"
           ],
           "GDP_2025_Trillion_USD": [
            30.34,
            19.53,
            4.92,
            4.39,
            4.27,
            3.73,
            3.28,
            2.46,
            2.33,
            2.31
           ]
          },
          "data_meta": {
           "series_annotations": [
            {
             "column": "Country",
             "type": "str"
            },
            {
             "column": "GDP_2025_Trillion_USD",
             "type": "float"
            }
           ]
          },
          "ggtitle": {
           "text": "Auto"
          },
          "kind": "plot",
          "layers": [
           {
            "geom": "pie",
            "mapping": {
             "slice": "GDP_2025_Trillion_USD"
            },
            "position": "identity",
            "size": 0.6,
            "size_unit": "x",
            "stat": "identity"
           }
          ],
          "mapping": {
           "fill": "Country"
          },
          "scales": [
           {
            "aesthetic": "fill",
            "high": "yellow",
            "low": "blue",
            "scale_mapper_kind": "color_gradient"
           }
          ],
          "theme": {
           "axis": {
            "blank": true
           },
           "line": {
            "blank": true
           },
           "name": "classic",
           "plot_subtitle": {
            "blank": false,
            "hjust": 0.5
           },
           "plot_title": {
            "blank": false,
            "hjust": 0.5
           }
          }
         },
         {
          "data": {
           "Country": [
            "United States",
            "China",
            "Germany",
            "Japan",
            "India",
            "United Kingdom",
            "France",
            "Italy",
            "Canada",
            "Brazil"
           ],
           "GDP_2025_Trillion_USD": [
            30.34,
            19.53,
            4.92,
            4.39,
            4.27,
            3.73,
            3.28,
            2.46,
            2.33,
            2.31
           ]
          },
          "data_meta": {
           "series_annotations": [
            {
             "column": "Country",
             "type": "str"
            },
            {
             "column": "GDP_2025_Trillion_USD",
             "type": "float"
            }
           ]
          },
          "ggtitle": {
           "text": "start=0"
          },
          "kind": "plot",
          "layers": [
           {
            "geom": "pie",
            "mapping": {
             "slice": "GDP_2025_Trillion_USD"
            },
            "position": "identity",
            "size": 0.6,
            "size_unit": "x",
            "start": 0,
            "stat": "identity"
           }
          ],
          "mapping": {
           "fill": "Country"
          },
          "scales": [
           {
            "aesthetic": "fill",
            "high": "yellow",
            "low": "blue",
            "scale_mapper_kind": "color_gradient"
           }
          ],
          "theme": {
           "axis": {
            "blank": true
           },
           "line": {
            "blank": true
           },
           "name": "classic",
           "plot_subtitle": {
            "blank": false,
            "hjust": 0.5
           },
           "plot_title": {
            "blank": false,
            "hjust": 0.5
           }
          }
         },
         {
          "data": {
           "Country": [
            "United States",
            "China",
            "Germany",
            "Japan",
            "India",
            "United Kingdom",
            "France",
            "Italy",
            "Canada",
            "Brazil"
           ],
           "GDP_2025_Trillion_USD": [
            30.34,
            19.53,
            4.92,
            4.39,
            4.27,
            3.73,
            3.28,
            2.46,
            2.33,
            2.31
           ]
          },
          "data_meta": {
           "series_annotations": [
            {
             "column": "Country",
             "type": "str"
            },
            {
             "column": "GDP_2025_Trillion_USD",
             "type": "float"
            }
           ]
          },
          "ggtitle": {
           "text": "start=180"
          },
          "kind": "plot",
          "layers": [
           {
            "geom": "pie",
            "mapping": {
             "slice": "GDP_2025_Trillion_USD"
            },
            "position": "identity",
            "size": 0.6,
            "size_unit": "x",
            "start": 180,
            "stat": "identity"
           }
          ],
          "mapping": {
           "fill": "Country"
          },
          "scales": [
           {
            "aesthetic": "fill",
            "high": "yellow",
            "low": "blue",
            "scale_mapper_kind": "color_gradient"
           }
          ],
          "theme": {
           "axis": {
            "blank": true
           },
           "line": {
            "blank": true
           },
           "name": "classic",
           "plot_subtitle": {
            "blank": false,
            "hjust": 0.5
           },
           "plot_title": {
            "blank": false,
            "hjust": 0.5
           }
          }
         }
        ],
        "kind": "subplots",
        "layout": {
         "align": false,
         "fit": true,
         "name": "grid",
         "ncol": 3,
         "nrow": 1
        }
       },
       "output_type": "lets_plot_spec",
       "swing_enabled": true
      },
      "text/html": [
       "   <div id=\"OZixrH\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"plot\">\n",
       "   \n",
       "   (function() {\n",
       "   // ----------\n",
       "   \n",
       "   const forceImmediateRender = false;\n",
       "   const responsive = false;\n",
       "   \n",
       "   let sizing = {\n",
       "       width_mode: \"MIN\",\n",
       "       height_mode: \"SCALED\",\n",
       "       width: null, \n",
       "       height: null \n",
       "   };\n",
       "   \n",
       "   const preferredWidth = document.body.dataset.letsPlotPreferredWidth;\n",
       "   if (preferredWidth !== undefined) {\n",
       "       sizing = {\n",
       "           width_mode: 'FIXED',\n",
       "           height_mode: 'SCALED',\n",
       "           width: parseFloat(preferredWidth)\n",
       "       };\n",
       "   }\n",
       "   \n",
       "   const containerDiv = document.getElementById(\"OZixrH\");\n",
       "   let fig = null;\n",
       "   \n",
       "   function renderPlot() {\n",
       "       if (fig === null) {\n",
       "           const plotSpec = {\n",
       "\"layout\":{\n",
       "\"name\":\"grid\",\n",
       "\"ncol\":3,\n",
       "\"nrow\":1,\n",
       "\"fit\":true,\n",
       "\"align\":false\n",
       "},\n",
       "\"figures\":[{\n",
       "\"ggtitle\":{\n",
       "\"text\":\"Auto\"\n",
       "},\n",
       "\"mapping\":{\n",
       "\"fill\":\"Country\"\n",
       "},\n",
       "\"data\":{\n",
       "\"Country\":[\"United States\",\"China\",\"Germany\",\"Japan\",\"India\",\"United Kingdom\",\"France\",\"Italy\",\"Canada\",\"Brazil\"],\n",
       "\"GDP_2025_Trillion_USD\":[30.34,19.53,4.92,4.39,4.27,3.73,3.28,2.46,2.33,2.31]\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_gradient\",\n",
       "\"high\":\"yellow\",\n",
       "\"low\":\"blue\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"slice\":\"GDP_2025_Trillion_USD\"\n",
       "},\n",
       "\"stat\":\"identity\",\n",
       "\"size\":0.6,\n",
       "\"position\":\"identity\",\n",
       "\"geom\":\"pie\",\n",
       "\"size_unit\":\"x\",\n",
       "\"data\":{\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"plot_title\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "},\n",
       "\"plot_subtitle\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "}\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"Country\"\n",
       "},{\n",
       "\"type\":\"float\",\n",
       "\"column\":\"GDP_2025_Trillion_USD\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"5\"\n",
       "},{\n",
       "\"ggtitle\":{\n",
       "\"text\":\"start=0\"\n",
       "},\n",
       "\"mapping\":{\n",
       "\"fill\":\"Country\"\n",
       "},\n",
       "\"data\":{\n",
       "\"Country\":[\"United States\",\"China\",\"Germany\",\"Japan\",\"India\",\"United Kingdom\",\"France\",\"Italy\",\"Canada\",\"Brazil\"],\n",
       "\"GDP_2025_Trillion_USD\":[30.34,19.53,4.92,4.39,4.27,3.73,3.28,2.46,2.33,2.31]\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_gradient\",\n",
       "\"high\":\"yellow\",\n",
       "\"low\":\"blue\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"slice\":\"GDP_2025_Trillion_USD\"\n",
       "},\n",
       "\"stat\":\"identity\",\n",
       "\"size\":0.6,\n",
       "\"start\":0.0,\n",
       "\"position\":\"identity\",\n",
       "\"geom\":\"pie\",\n",
       "\"size_unit\":\"x\",\n",
       "\"data\":{\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"plot_title\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "},\n",
       "\"plot_subtitle\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "}\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"Country\"\n",
       "},{\n",
       "\"type\":\"float\",\n",
       "\"column\":\"GDP_2025_Trillion_USD\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"6\"\n",
       "},{\n",
       "\"ggtitle\":{\n",
       "\"text\":\"start=180\"\n",
       "},\n",
       "\"mapping\":{\n",
       "\"fill\":\"Country\"\n",
       "},\n",
       "\"data\":{\n",
       "\"Country\":[\"United States\",\"China\",\"Germany\",\"Japan\",\"India\",\"United Kingdom\",\"France\",\"Italy\",\"Canada\",\"Brazil\"],\n",
       "\"GDP_2025_Trillion_USD\":[30.34,19.53,4.92,4.39,4.27,3.73,3.28,2.46,2.33,2.31]\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_gradient\",\n",
       "\"high\":\"yellow\",\n",
       "\"low\":\"blue\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"slice\":\"GDP_2025_Trillion_USD\"\n",
       "},\n",
       "\"stat\":\"identity\",\n",
       "\"size\":0.6,\n",
       "\"start\":180.0,\n",
       "\"position\":\"identity\",\n",
       "\"geom\":\"pie\",\n",
       "\"size_unit\":\"x\",\n",
       "\"data\":{\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"plot_title\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "},\n",
       "\"plot_subtitle\":{\n",
       "\"hjust\":0.5,\n",
       "\"blank\":false\n",
       "}\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"Country\"\n",
       "},{\n",
       "\"type\":\"float\",\n",
       "\"column\":\"GDP_2025_Trillion_USD\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"7\"\n",
       "}],\n",
       "\"kind\":\"subplots\"\n",
       "};\n",
       "           window.letsPlotCall(function() { fig = LetsPlot.buildPlotFromProcessedSpecs(plotSpec, containerDiv, sizing); });\n",
       "       } else {\n",
       "           fig.updateView({});\n",
       "       }\n",
       "   }\n",
       "   \n",
       "   const renderImmediately = \n",
       "       forceImmediateRender || (\n",
       "           sizing.width_mode === 'FIXED' && \n",
       "           (sizing.height_mode === 'FIXED' || sizing.height_mode === 'SCALED')\n",
       "       );\n",
       "   \n",
       "   if (renderImmediately) {\n",
       "       renderPlot();\n",
       "   }\n",
       "   \n",
       "   if (!renderImmediately || responsive) {\n",
       "       // Set up observer for initial sizing or continuous monitoring\n",
       "       var observer = new ResizeObserver(function(entries) {\n",
       "           for (let entry of entries) {\n",
       "               if (entry.contentBoxSize && \n",
       "                   entry.contentBoxSize[0].inlineSize > 0) {\n",
       "                   if (!responsive && observer) {\n",
       "                       observer.disconnect();\n",
       "                       observer = null;\n",
       "                   }\n",
       "                   renderPlot();\n",
       "                   if (!responsive) {\n",
       "                       break;\n",
       "                   }\n",
       "               }\n",
       "           }\n",
       "       });\n",
       "       \n",
       "       observer.observe(containerDiv);\n",
       "   }\n",
       "   \n",
       "   // ----------\n",
       "   })();\n",
       "   \n",
       "   </script>                <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" id=7cfa49ef-3065-45d4-99ec-4c7353179a55 width=\"100%\" height=\"100%\" style=\"max-width: 1200.0px; max-height: 400.0px;\" viewBox=\"0 0 1200.0 400.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
       "  <style type=\"text/css\">\n",
       "  .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#pltWQXa .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#pltWQXa .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pltWQXa .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pltWQXa .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "   font-style: normal;\n",
       "}\n",
       "#pltWQXa .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pltWQXa .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pltWQXa .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pltWQXa .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pltWQXa .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pltWQXa .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pltWQXa .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pltWQXa .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "  </style>\n",
       "  <g id=\"pltWQXa\">\n",
       "    <rect x=\"0.0\" y=\"0.0\" height=\"400.0\" width=\"1200.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\">\n",
       "    </rect>\n",
       "  </g>\n",
       "  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" width=\"393.0\" height=\"387.0\" x=\"6.5\" y=\"6.5\">\n",
       "    <style type=\"text/css\">\n",
       "    .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#pTjreep .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#pTjreep .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pTjreep .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pTjreep .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "   font-style: normal;\n",
       "}\n",
       "#pTjreep .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pTjreep .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pTjreep .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pTjreep .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dqPbfMb .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pTjreep .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pTjreep .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dqPbfMb .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pTjreep .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pTjreep .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dqPbfMb .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dqPbfMb .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dqPbfMb .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "    </style>\n",
       "    <g id=\"pTjreep\">\n",
       "      <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 387.0 L393.0 387.0 L393.0 0.0 Z\">\n",
       "      </path>\n",
       "      <g transform=\"translate(6.5 26.5 ) \">\n",
       "        <g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g clip-path=\"url(#cusQyr2)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (222.8102892278257, 354.0)]\">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L69.18111257962023 228.81823392868472 A66.84308676834772 66.84308676834772 0.0 0 1 111.40514461391285 110.15691323165228 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L111.40514461391285 110.15691323165228 A66.84308676834772 66.84308676834772 0.0 0 1 178.2439324356314 177.75808392949105 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L178.2439324356314 177.75808392949105 A66.84308676834772 66.84308676834772 0.0 0 1 172.71062671702768 203.63899609267457 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L172.71062671702768 203.63899609267457 A66.84308676834772 66.84308676834772 0.0 0 1 159.59907484209512 223.31785117945304 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L159.59907484209512 223.31785117945304 A66.84308676834772 66.84308676834772 0.0 0 1 141.03989019922648 236.91477366071408 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L141.03989019922648 236.91477366071408 A66.84308676834772 66.84308676834772 0.0 0 1 121.86705543348575 243.0192901410199 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L121.86705543348575 243.0192901410199 A66.84308676834772 66.84308676834772 0.0 0 1 104.16328549688058 243.44963299559987 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L104.16328549688058 243.44963299559987 A66.84308676834772 66.84308676834772 0.0 0 1 91.1516023739705 240.7008027850178 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L91.1516023739705 240.7008027850178 A66.84308676834772 66.84308676834772 0.0 0 1 79.55877210241862 235.7690973776185 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L79.55877210241862 235.7690973776185 A66.84308676834772 66.84308676834772 0.0 0 1 69.18111257962022 228.81823392868472 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M69.18111257962023 228.81823392868472 A66.84308676834772 66.84308676834772 0.0 0 1 111.40514461391285 110.15691323165228 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 110.15691323165228 A66.84308676834772 66.84308676834772 0.0 0 1 178.2439324356314 177.75808392949105 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M178.2439324356314 177.75808392949105 A66.84308676834772 66.84308676834772 0.0 0 1 172.71062671702768 203.63899609267457 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M172.71062671702768 203.63899609267457 A66.84308676834772 66.84308676834772 0.0 0 1 159.59907484209512 223.31785117945304 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M159.59907484209512 223.31785117945304 A66.84308676834772 66.84308676834772 0.0 0 1 141.03989019922648 236.91477366071408 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M141.03989019922648 236.91477366071408 A66.84308676834772 66.84308676834772 0.0 0 1 121.86705543348575 243.0192901410199 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M121.86705543348575 243.0192901410199 A66.84308676834772 66.84308676834772 0.0 0 1 104.16328549688058 243.44963299559987 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M104.16328549688058 243.44963299559987 A66.84308676834772 66.84308676834772 0.0 0 1 91.1516023739705 240.7008027850178 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M91.1516023739705 240.7008027850178 A66.84308676834772 66.84308676834772 0.0 0 1 79.55877210241862 235.7690973776185 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M79.55877210241862 235.7690973776185 A66.84308676834772 66.84308676834772 0.0 0 1 69.18111257962022 228.81823392868472 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L68.94422926410648 229.10894219281082 M111.40514461391285 177.0 L111.40514461391285 109.78191323165228 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L111.40514461391285 109.78191323165228 M111.40514461391285 177.0 L178.61890831787943 177.76233689696014 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L178.61890831787943 177.76233689696014 M111.40514461391285 177.0 L173.05455990294323 203.78844495893313 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L173.05455990294323 203.78844495893313 M111.40514461391285 177.0 L159.8694502048937 223.57770145016974 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L159.8694502048937 223.57770145016974 M111.40514461391285 177.0 L141.20614568100885 237.25090475831934 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L141.20614568100885 237.25090475831934 M111.40514461391285 177.0 L121.92574836265786 243.3896685152066 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L121.92574836265786 243.3896685152066 M111.40514461391285 177.0 L104.12265755313676 243.82242565940533 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L104.12265755313676 243.82242565940533 M111.40514461391285 177.0 L91.03797688617249 241.05817408845817 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L91.03797688617249 241.05817408845817 M111.40514461391285 177.0 L79.38010905334073 236.09880105502322 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L79.38010905334073 236.09880105502322 M111.40514461391285 177.0 L68.94422926410647 229.10894219281082 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <defs>\n",
       "            <clipPath id=\"cusQyr2\">\n",
       "              <rect x=\"0.0\" y=\"0.0\" width=\"222.8102892278257\" height=\"354.0\">\n",
       "              </rect>\n",
       "            </clipPath>\n",
       "          </defs>\n",
       "        </g>\n",
       "        <g>\n",
       "          <g transform=\"translate(0.0 354.0 ) \">\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g transform=\"translate(117.90514461391285 16.8 ) \">\n",
       "        <text class=\"plot-title\" y=\"0.0\" text-anchor=\"middle\">\n",
       "          <tspan>Auto</tspan>\n",
       "        </text>\n",
       "      </g>\n",
       "      <g transform=\"translate(240.8102892278257 72.25 ) \">\n",
       "        <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"152.1897107721743\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "        </rect>\n",
       "        <g transform=\"translate(5.0 5.0 ) \">\n",
       "          <g transform=\"translate(0.0 12.0 ) \">\n",
       "            <text class=\"legend-title\" y=\"0.0\">\n",
       "              <tspan>Country</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 22.5 ) \">\n",
       "            <g transform=\"\">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(0,0,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>United States</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 23.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(106,44,237)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>China</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 46.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(144,73,218)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Germany</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 69.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(171,100,199)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Japan</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 92.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(193,126,180)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>India</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 115.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(210,151,159)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>United Kingdom</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 138.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(224,177,137)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>France</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 161.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(237,203,111)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Italy</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 184.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(247,229,78)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Canada</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 207.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(255,255,0)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Brazil</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 387.0 L393.0 387.0 L393.0 0.0 Z\" pointer-events=\"none\">\n",
       "      </path>\n",
       "    </g>\n",
       "    <g id=\"dqPbfMb\">\n",
       "    </g>\n",
       "  </svg>\n",
       "  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" width=\"393.0\" height=\"387.0\" x=\"403.5\" y=\"6.5\">\n",
       "    <style type=\"text/css\">\n",
       "    .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#pdHSRjm .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#pdHSRjm .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pdHSRjm .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pdHSRjm .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "   font-style: normal;\n",
       "}\n",
       "#pdHSRjm .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pdHSRjm .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pdHSRjm .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pdHSRjm .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dCgOJB8 .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pdHSRjm .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pdHSRjm .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dCgOJB8 .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pdHSRjm .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pdHSRjm .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dCgOJB8 .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dCgOJB8 .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dCgOJB8 .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "    </style>\n",
       "    <g id=\"pdHSRjm\">\n",
       "      <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 387.0 L393.0 387.0 L393.0 0.0 Z\">\n",
       "      </path>\n",
       "      <g transform=\"translate(6.5 26.5 ) \">\n",
       "        <g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g clip-path=\"url(#cGfOnt5)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (222.8102892278257, 354.0)]\">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L111.40514461391285 110.15691323165228 A66.84308676834772 66.84308676834772 0.0 0 1 153.62917664820546 228.81823392868472 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L153.62917664820546 228.81823392868472 A66.84308676834772 66.84308676834772 0.0 0 1 59.11137016431241 218.63363306913269 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L59.11137016431241 218.63363306913269 A66.84308676834772 66.84308676834772 0.0 0 1 47.05222728057687 195.07485212691066 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L47.05222728057687 195.07485212691066 A66.84308676834772 66.84308676834772 0.0 0 1 44.785678072817376 171.53694897509448 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L44.785678072817376 171.53694897509448 A66.84308676834772 66.84308676834772 0.0 0 1 50.58414280076284 149.27268517930986 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L50.58414280076284 149.27268517930986 A66.84308676834772 66.84308676834772 0.0 0 1 61.5911918931945 132.42906369551008 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L61.5911918931945 132.42906369551008 A66.84308676834772 66.84308676834772 0.0 0 1 75.04370171868197 120.91217851175065 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L75.04370171868197 120.91217851175065 A66.84308676834772 66.84308676834772 0.0 0 1 86.867050593581 114.8237972326211 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L86.867050593581 114.8237972326211 A66.84308676834772 66.84308676834772 0.0 0 1 98.96937137382962 111.32390242529561 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L98.96937137382962 111.32390242529561 A66.84308676834772 66.84308676834772 0.0 0 1 111.4051446139129 110.15691323165228 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 110.15691323165228 A66.84308676834772 66.84308676834772 0.0 0 1 153.62917664820546 228.81823392868472 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M153.62917664820546 228.81823392868472 A66.84308676834772 66.84308676834772 0.0 0 1 59.11137016431241 218.63363306913269 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M59.11137016431241 218.63363306913269 A66.84308676834772 66.84308676834772 0.0 0 1 47.05222728057687 195.07485212691066 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M47.05222728057687 195.07485212691066 A66.84308676834772 66.84308676834772 0.0 0 1 44.785678072817376 171.53694897509448 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M44.785678072817376 171.53694897509448 A66.84308676834772 66.84308676834772 0.0 0 1 50.58414280076284 149.27268517930986 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M50.58414280076284 149.27268517930986 A66.84308676834772 66.84308676834772 0.0 0 1 61.5911918931945 132.42906369551008 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M61.5911918931945 132.42906369551008 A66.84308676834772 66.84308676834772 0.0 0 1 75.04370171868197 120.91217851175065 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M75.04370171868197 120.91217851175065 A66.84308676834772 66.84308676834772 0.0 0 1 86.867050593581 114.8237972326211 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M86.867050593581 114.8237972326211 A66.84308676834772 66.84308676834772 0.0 0 1 98.96937137382962 111.32390242529561 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M98.96937137382962 111.32390242529561 A66.84308676834772 66.84308676834772 0.0 0 1 111.4051446139129 110.15691323165228 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L111.40514461391285 109.78191323165228 M111.40514461391285 177.0 L153.8660599637192 229.10894219281084 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L153.8660599637192 229.10894219281084 M111.40514461391285 177.0 L58.81799404470618 218.8672041556241 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L58.81799404470618 218.8672041556241 M111.40514461391285 177.0 L46.691197514198265 195.176254828002 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L46.691197514198265 195.176254828002 M111.40514461391285 177.0 L44.41193261669429 171.50630041840168 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L44.41193261669429 171.50630041840168 M111.40514461391285 177.0 L50.24292762380708 149.1171306775587 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L50.24292762380708 149.1171306775587 M111.40514461391285 177.0 L61.31172795498638 132.17901388598963 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L61.31172795498638 132.17901388598963 M111.40514461391285 177.0 L74.83970843014687 120.59751720457635 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L74.83970843014687 120.59751720457635 M111.40514461391285 177.0 L86.72938811115384 114.47497916982618 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L86.72938811115384 114.47497916982618 M111.40514461391285 177.0 L98.89960477281682 110.95544941420313 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L98.89960477281682 110.95544941420313 M111.40514461391285 177.0 L111.4051446139129 109.78191323165228 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <defs>\n",
       "            <clipPath id=\"cGfOnt5\">\n",
       "              <rect x=\"0.0\" y=\"0.0\" width=\"222.8102892278257\" height=\"354.0\">\n",
       "              </rect>\n",
       "            </clipPath>\n",
       "          </defs>\n",
       "        </g>\n",
       "        <g>\n",
       "          <g transform=\"translate(0.0 354.0 ) \">\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g transform=\"translate(117.90514461391285 16.8 ) \">\n",
       "        <text class=\"plot-title\" y=\"0.0\" text-anchor=\"middle\">\n",
       "          <tspan>start=0</tspan>\n",
       "        </text>\n",
       "      </g>\n",
       "      <g transform=\"translate(240.8102892278257 72.25 ) \">\n",
       "        <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"152.1897107721743\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "        </rect>\n",
       "        <g transform=\"translate(5.0 5.0 ) \">\n",
       "          <g transform=\"translate(0.0 12.0 ) \">\n",
       "            <text class=\"legend-title\" y=\"0.0\">\n",
       "              <tspan>Country</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 22.5 ) \">\n",
       "            <g transform=\"\">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(0,0,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>United States</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 23.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(106,44,237)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>China</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 46.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(144,73,218)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Germany</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 69.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(171,100,199)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Japan</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 92.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(193,126,180)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>India</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 115.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(210,151,159)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>United Kingdom</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 138.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(224,177,137)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>France</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 161.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(237,203,111)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Italy</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 184.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(247,229,78)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Canada</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 207.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(255,255,0)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Brazil</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 387.0 L393.0 387.0 L393.0 0.0 Z\" pointer-events=\"none\">\n",
       "      </path>\n",
       "    </g>\n",
       "    <g id=\"dCgOJB8\">\n",
       "    </g>\n",
       "  </svg>\n",
       "  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" width=\"393.0\" height=\"387.0\" x=\"800.5\" y=\"6.5\">\n",
       "    <style type=\"text/css\">\n",
       "    .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#pv59gPi .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#pv59gPi .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pv59gPi .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pv59gPi .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "   font-style: normal;\n",
       "}\n",
       "#pv59gPi .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pv59gPi .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pv59gPi .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pv59gPi .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dlBnjjM .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pv59gPi .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pv59gPi .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dlBnjjM .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pv59gPi .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pv59gPi .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dlBnjjM .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dlBnjjM .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dlBnjjM .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "    </style>\n",
       "    <g id=\"pv59gPi\">\n",
       "      <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 387.0 L393.0 387.0 L393.0 0.0 Z\">\n",
       "      </path>\n",
       "      <g transform=\"translate(6.5 26.5 ) \">\n",
       "        <g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g clip-path=\"url(#cEdPsz3)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (222.8102892278257, 354.0)]\">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L111.40514461391285 243.84308676834772 A66.84308676834772 66.84308676834772 0.0 0 1 69.18111257962023 125.18176607131528 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(0,0,255)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L69.18111257962023 125.18176607131528 A66.84308676834772 66.84308676834772 0.0 0 1 163.6989190635133 135.36636693086731 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(106,44,237)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L163.6989190635133 135.36636693086731 A66.84308676834772 66.84308676834772 0.0 0 1 175.75806194724885 158.92514787308932 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(144,73,218)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L175.75806194724885 158.92514787308932 A66.84308676834772 66.84308676834772 0.0 0 1 178.02461115500833 182.46305102490555 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(171,100,199)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L178.02461115500833 182.46305102490555 A66.84308676834772 66.84308676834772 0.0 0 1 172.22614642706287 204.72731482069014 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(193,126,180)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L172.22614642706287 204.72731482069014 A66.84308676834772 66.84308676834772 0.0 0 1 161.21909733463121 221.57093630448992 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(210,151,159)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L161.21909733463121 221.57093630448992 A66.84308676834772 66.84308676834772 0.0 0 1 147.7665875091438 233.0878214882493 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(224,177,137)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L147.7665875091438 233.0878214882493 A66.84308676834772 66.84308676834772 0.0 0 1 135.94323863424478 239.17620276737887 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(237,203,111)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L135.94323863424478 239.17620276737887 A66.84308676834772 66.84308676834772 0.0 0 1 123.84091785399616 242.6760975747044 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(247,229,78)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L123.84091785399616 242.6760975747044 A66.84308676834772 66.84308676834772 0.0 0 1 111.40514461391287 243.84308676834772 L111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"rgb(255,255,0)\" stroke-width=\"1.0\" fill-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 243.84308676834772 A66.84308676834772 66.84308676834772 0.0 0 1 69.18111257962023 125.18176607131528 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M69.18111257962023 125.18176607131528 A66.84308676834772 66.84308676834772 0.0 0 1 163.6989190635133 135.36636693086731 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M163.6989190635133 135.36636693086731 A66.84308676834772 66.84308676834772 0.0 0 1 175.75806194724885 158.92514787308932 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M175.75806194724885 158.92514787308932 A66.84308676834772 66.84308676834772 0.0 0 1 178.02461115500833 182.46305102490555 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M178.02461115500833 182.46305102490555 A66.84308676834772 66.84308676834772 0.0 0 1 172.22614642706287 204.72731482069014 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M172.22614642706287 204.72731482069014 A66.84308676834772 66.84308676834772 0.0 0 1 161.21909733463121 221.57093630448992 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M161.21909733463121 221.57093630448992 A66.84308676834772 66.84308676834772 0.0 0 1 147.7665875091438 233.0878214882493 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M147.7665875091438 233.0878214882493 A66.84308676834772 66.84308676834772 0.0 0 1 135.94323863424478 239.17620276737887 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M135.94323863424478 239.17620276737887 A66.84308676834772 66.84308676834772 0.0 0 1 123.84091785399616 242.6760975747044 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M123.84091785399616 242.6760975747044 A66.84308676834772 66.84308676834772 0.0 0 1 111.40514461391287 243.84308676834772 M111.40514461391285 177.0 A0.0 0.0 0.0 0 0 111.40514461391285 177.0 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L111.40514461391285 244.21808676834772 M111.40514461391285 177.0 L68.94422926410648 124.89105780718918 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L68.94422926410648 124.89105780718918 M111.40514461391285 177.0 L163.99229518311952 135.13279584437586 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L163.99229518311952 135.13279584437586 M111.40514461391285 177.0 L176.11909171362743 158.823745171998 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L176.11909171362743 158.823745171998 M111.40514461391285 177.0 L178.39835661113142 182.49369958159832 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L178.39835661113142 182.49369958159832 M111.40514461391285 177.0 L172.56736160401863 204.88286932244128 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L172.56736160401863 204.88286932244128 M111.40514461391285 177.0 L161.49856127283934 221.82098611401034 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L161.49856127283934 221.82098611401034 M111.40514461391285 177.0 L147.9705807976789 233.40248279542362 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L147.9705807976789 233.40248279542362 M111.40514461391285 177.0 L136.08090111667192 239.5250208301738 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L136.08090111667192 239.5250208301738 M111.40514461391285 177.0 L123.91068445500896 243.04455058579686 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "                <g>\n",
       "                  <path d=\"M111.40514461391285 177.0 L123.91068445500896 243.04455058579686 M111.40514461391285 177.0 L111.40514461391287 244.21808676834772 \" fill=\"none\" stroke-width=\"0.75\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "                  </path>\n",
       "                </g>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <defs>\n",
       "            <clipPath id=\"cEdPsz3\">\n",
       "              <rect x=\"0.0\" y=\"0.0\" width=\"222.8102892278257\" height=\"354.0\">\n",
       "              </rect>\n",
       "            </clipPath>\n",
       "          </defs>\n",
       "        </g>\n",
       "        <g>\n",
       "          <g transform=\"translate(0.0 354.0 ) \">\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g transform=\"translate(117.90514461391285 16.8 ) \">\n",
       "        <text class=\"plot-title\" y=\"0.0\" text-anchor=\"middle\">\n",
       "          <tspan>start=180</tspan>\n",
       "        </text>\n",
       "      </g>\n",
       "      <g transform=\"translate(240.8102892278257 72.25 ) \">\n",
       "        <rect x=\"0.0\" y=\"0.0\" height=\"262.5\" width=\"152.1897107721743\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "        </rect>\n",
       "        <g transform=\"translate(5.0 5.0 ) \">\n",
       "          <g transform=\"translate(0.0 12.0 ) \">\n",
       "            <text class=\"legend-title\" y=\"0.0\">\n",
       "              <tspan>Country</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 22.5 ) \">\n",
       "            <g transform=\"\">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(0,0,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>United States</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 23.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(106,44,237)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>China</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 46.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(144,73,218)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Germany</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 69.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(171,100,199)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Japan</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 92.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(193,126,180)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>India</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 115.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(210,151,159)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>United Kingdom</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 138.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(224,177,137)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>France</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 161.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(237,203,111)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Italy</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 184.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(247,229,78)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Canada</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "            <g transform=\"translate(0.0 207.0 ) \">\n",
       "              <g>\n",
       "                <g transform=\"translate(1.0 1.0 ) \">\n",
       "                  <g>\n",
       "                    <circle cx=\"10.5\" cy=\"10.5\" r=\"5.0\" fill=\"rgb(255,255,0)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.75\">\n",
       "                    </circle>\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>Brazil</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 387.0 L393.0 387.0 L393.0 0.0 Z\" pointer-events=\"none\">\n",
       "      </path>\n",
       "    </g>\n",
       "    <g id=\"dlBnjjM\">\n",
       "    </g>\n",
       "  </svg>\n",
       "</svg>\n",
       "                <script>document.getElementById(\"7cfa49ef-3065-45d4-99ec-4c7353179a55\").style.display = \"none\";</script>"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "gggrid(listOf(\n",
    "    p + geomPie(size=.6, sizeUnit=\"x\", stat=Stat.identity) { slice=\"GDP_2025_Trillion_USD\" } + ggtitle(\"Auto\"),\n",
    "    p + geomPie(size=.6, sizeUnit=\"x\", stat=Stat.identity, start=0) { slice=\"GDP_2025_Trillion_USD\" } + ggtitle(\"start=0\"),\n",
    "    p + geomPie(size=.6, sizeUnit=\"x\", stat=Stat.identity, start=180) { slice=\"GDP_2025_Trillion_USD\" } + ggtitle(\"start=180\")\n",
    "))"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Kotlin",
   "language": "kotlin",
   "name": "kotlin"
  },
  "language_info": {
   "codemirror_mode": "text/x-kotlin",
   "file_extension": ".kt",
   "mimetype": "text/x-kotlin",
   "name": "kotlin",
   "nbconvert_exporter": "",
   "pygments_lexer": "kotlin",
   "version": "1.9.23"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}
